<template>
  <div class="header" >
    <div class="left" @click="fanh"> 
      <span class="iconfont">&#xe77c;</span>
        </div>
    <div class="middle">
        景点+酒店
        </div>   
    <div class="right">
         <span class="iconfont">&#xe637;</span>
        </div>     
  </div>
</template>

<script>
//	引入组件
	import {mapState} from 'vuex'
		
//	定义输出组件name
export default {
  name: 'detailHeader',
data(){
  return{
    
      }

    },
    methods:{
      fanh(){
         this.$router.go(-1)
  }
}

}

</script>


<style scoped>
.header{
    width: 100%;
    height: 30px;
    display: flex;
    position: relative;
    background-color: rgb(243, 242, 242);
 

}
.left{
     float: left;
     color: rgba(6, 9, 240, 0.979);
      width: 10%;
      height: 30;
     padding-top: 5px;
     text-align: center;
 
}
.middle{
  width: 80%;
  flex: 1;
  text-align: center;
  padding: 6px 0px;
}
.right{
    float: right;
    text-align: center;
     padding: 6px 0px;
    width: 10%;
     color: rgba(6, 9, 240, 0.979);
}

	

</style>
